<!DOCTYPE html>
<html lang="en">
   <head>
   <style>
        .shadow{
            position: fixed;
            top:0;
            left: 0;
            right: 0;
            bottom: 0;
            opacity: 0.6;
            z-index: 9;
        }
        .hide{
            display: none;
        }
    </style>
        <title>{{ obj }}</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <link rel="stylesheet" type="text/css" href="../static/css/default.css" />
        <link rel="stylesheet" type="text/css" href="../static/css/component.css" />
        <link href="../static/css/bootstrap.css" rel="stylesheet" />
        <!-- 引入 Bootstrap -->
        <link href="../static/css/bootstrap.min.css" rel="stylesheet">

        <!-- HTML5 Shiv 和 Respond.js 用于让 IE8 支持 HTML5元素和媒体查询 -->
        <!-- 注意： 如果通过 file://  引入 Respond.js 文件，则该文件无法起效果 -->
        <!--[if lt IE 9]>
         <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
         <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
         <![endif]-->
</head>
<body>
	<nav class="navbar navbar-inverse" role="navigation">
    <div class="container-fluid" style="line-height: 0.428571;">
    <div class="navbar-header">
        <a class="navbar-brand" href="/index/">搜索一下，洞知天下</a>
    </div>
    <div>
        <ul class="nav navbar-nav">
			<span class="btn-group">
                <span style="position: fixed;top:0px;right: 0px;padding: 10px">
				    <button type="button" class="btn btn-default" ><a href="/login/">登陆</a></button>
                    <button type="button" class="btn btn-default"> <a href="/register/">注册</a></button>
                </span>
			</span>
        </ul>
    </div>
    </div>
	</nav>
		<form role="form" method="POST" action="/search/">
			<div class="form-group">
            <div class="row">
            <div class="col-xs-3"></div>
            <div class="col-xs-6">
                <table>
                <tr>
                <td>
                <input name="search_key_name" style="width:500px;height:50px" type="text" class="form-control" id="name" placeholder="请输入关键字">                </td>
                <td>
                <span class="col-sm-dffset-2 col-sm-10">
                    <input type="submit" class="btn btn-primary" value="一键搜索">
                </span>
                </td>
                </tr>
                </table>
            </div>
            </div>
      <!-- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) -->
    <script src="../static/js/jquery.js"></script>
    <div class="shadow hide"></div>
    <script src="../static/jquery-1.12.4.js"></script>
    <script>

			function jump() {
			window.location.href='./Enroll/Login/index.html';
		}

        $('.del').click(function () {
            $(this).parent().parent().remove();
        });
        function confirmModal() {
            var trs = [];

        }
        function addElement(){

            $('.modal,.shadow').removeClass('hide')
        }
        function cancleModal() {
            $('.modal,.shadow').addClass('hide');
            $('.modal input[type="text"]').val("");
        }
        $('.edit').click(function () {
            $(".modal,.shadow").removeClass('hide');
            var tds = $(this).parent().prevAll();
            tds.each(function () {
                var n = $(this).attr('target');
                var text = $(this).text();
                $('.modal input[name="' + n + '"]').val(text);
            })

        });

    </script>
      <!-- 包括所有已编译的插件 -->

            <script type="text/javascript" src="../static/js/jquery.js"></script>
            <script type="text/javascript" src="../static/cbpHorizontalMenu.min.js"></script>
            <script type="text/javascript">
            $(function() {
                cbpHorizontalMenu.init();
            });
            </script>
            <div style="height: 100px;width:500px;margin:3px 220px auto;position: relative">
            {% for i in obj1 %}
            <div class="media">
              <div class="media-left media-middle">

              <div class="media-body">
                  <h4 class="media-heading"><a href="{{ i.web_url }}">{{ i.web_name }}</a></h4>
                <p>{{ i.web_info }}<span><a style="color: red;" href="/info_error-{{ i.id }}/">报错</a></span></p>
              </div>
              </div>
            </div>
            {% endfor %}
            </div>

   </body>

</html>